<!DOCTYPE html>
<html lang="zh-cn">

	<head>
		<meta charset="utf-8" />
		<meta name="description" content="" />
		<meta name="keywords" content="" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<!-- 禁用电话号码检测功能，禁止对数字随便可以拨号 -->
		<meta name="format-detection" content="telephone=no">
		<!-- 禁用地址检测功能，禁止跳转到地图 -->
		<meta name="format-detection" content="address=no">
		<!-- 在苹果设备上以全屏方式打开本网页 -->
		<meta name="apple-mobile-web-app-capable" content="yes">
		<!-- 设置在苹果设备上状态的颜色，默认白色，要设置成什么颜色以Web颜色的风格而定 -->
		<meta name="apple-mobile-web-app-status-bar-style" content="white">
		<title>商品详情</title>
		<link rel="stylesheet" href="vendor/normalize.min.css" />
		<!-- 可选 -->
		<link rel="stylesheet" href="vendor/animate.min.css" />
		<!-- 可选 -->
		<link rel="stylesheet" href="vendor/font-awesome/css/font-awesome.min.css" />
		<!-- 可选 -->
		<link rel="stylesheet" href="vendor/swiper/swiper.min.css" />
		<!-- 苹果设备在桌面上生成的快捷图标 -->
		<link rel="apple-touch-icon" href="img/apple-touch-icon.png">
		<link rel="icon" href="img/favicon.ico">
		<link rel="stylesheet" href="css/core.css" />
	</head>

	<body>
		<header class="bgz-particular">

		</header>
		<section class="bgz-particular-container">
			<div class="commodityparticular flex-item-1" style="display: block;">
				<div id="scrollhandle">
					<!--轮播图区域-->
					<div class="swiper-container2">
						<div class="swiper-wrapper">
							<div class="swiper-slide">
								<a href="#"><img src="img/538696_00--w_500_h_500.jpg"></a>
							</div>
							<div class="swiper-slide">
								<a href="#"><img src="img/538696_30--w_500_h_500.jpg"></a>
							</div>
							<div class="swiper-slide">
								<a href="#"><img src="img/538696_31--w_500_h_500.jpg"></a>
							</div>
							<div class="swiper-slide">
								<a href="#"><img src="img/538696_32--w_500_h_500.jpg"></a>
							</div>
							<div class="swiper-slide">
								<a href="#"><img src="img/538696_33--w_500_h_500.jpg"></a>
							</div>
							<div class="swiper-slide">
								<a href="#"><img src="img/538696_34--w_500_h_500.jpg"></a>
							</div>
						</div>
						<!-- 如果需要分页器 -->
						<div class="swiper-pagination2"></div>
					</div>
					<!--商品区域-->
					<div class="good-summary-box">
						<!-- 品牌和商品名称 -->
						<div class="summary-title flex-box">
							<i>ME＆CITY</i>
							<p class="flex-item-1">【必买】女廓形连帽长羽绒服</p>
						</div>
						<!-- 商品编码 -->
						<p class="goods-code">商品编码 : 538696</p>
						<div class="goods-price">
							<label>¥1439</label>
							<i style="color: #919191">吊牌价：</i><span>¥1599</span>
						</div>
						<div class="moble-price">
							<span>手机专享价</span> 比电脑买省<label for="">160</label>元
						</div>
						<div class="vip-price">
							<span>vip价: ￥1519.05</span>
							<span>svip价: ￥1439.10</span>
						</div>
						<div class="goods-service">
							<span><i class="fa fa-check"></i>正品保障</span>
							<span><i class="fa fa-check"></i>14天退换货</span>
						</div>
					</div>
					<div class="tips-info-wrap">
						<div class="tips-info">
							<p>此商品不可使用积分</p>
						</div>
					</div>
					<div class="promotion-wrap">
						<div class="banggo-wap-promotion bwptap flex-box">
							促销:&nbsp;
							<!-- <p>可享受以下优惠</p> -->
							<!-- 下拉状态时替换下面的span显示 -->
							<div class="flex-item-1">
								<span>限时特惠</span>
								<span>多买优惠</span>
								<span>满赠</span>
							</div>
							<i class="fa fa-chevron-down"></i>
						</div>
						<div class="sub-item bwptap" style="display: none;">
							<div>促销：可享受以下优惠 <i class="fa fa-chevron-up"></i></div>
							<ul>
								<li>
									<a href="#"><span>限时特惠</span>手机下单立减10-300元<i class="fa fa-chevron-right"></i></a>
								</li>
								<li>
									<a href="#"><span>多买优惠</span>买2免1 买【必买区】送【免单区】查看更多<i class="fa fa-chevron-right"></i></a>
								</li>
								<li>
									<a href="#"><span>满赠</span>满99元赠台历套装 199元加35元换购双肩包 满399元加65元换购行李箱<i class="fa fa-chevron-right"></i></a>
								</li>
							</ul>
						</div>

					</div>
					<div class="color-size colorAndsize">
						<span class="no-select">请选择尺码 颜色</span>
						<i class="fa fa-chevron-right"></i>
					</div>
					<div class="stickNavWrap stick-nav-wrap">
						<div class="stickNav stick-nav">
							<div class="fly-tabs flyTabs flex-box">
								<div class="flex-item-1 tab-selected menuItem">
									<a href="">图文详情</a>
								</div>
								<div class="flex-item-1 menuItem">
									<a href="">商品信息</a>
								</div>
							</div>
						</div>
					</div>
					<div class="bangGoWapPicDetails">
						<p>图文详情</p>
						<div class="goods-model">
							<div>
								<img width="100%" src="img/mtzs_wap.png" alt="模特展示">
							</div>
							<div class="imgs-box">
								<a href="#"><img src="img/538696_30--w_500.jpg" /></a>
								<a href="#"><img src="img/538696_31--w_500.jpg" /></a>
								<a href="#"><img src="img/538696_32--w_500.jpg" /></a>
								<a href="#"><img src="img/538696_33--w_500.jpg" /></a>
								<a href="#"><img src="img/538696_34--w_500.jpg" /></a>
							</div>
							<div>
								<img width="100%" src="img/xjzs_wap.png" />
							</div>
							<div class="imgs-box">
								<a href="#"><img src="img/538696_30--w_500.jpg" /></a>
								<a href="#"><img src="img/538696_02--w_500.jpg" /></a>
								<a href="#"><img src="img/538696_03--w_500.jpg" /></a>
							</div>
							<div>
								<img width="100%" src="img/ysxz_wap.png" />
							</div>
							<div class="imgs-box">
								<ul>
									<li>
										<a href="#"><img src="img/538696_30--w_500.jpg" /></a>
										<h5>乌黑</h5></li>
									<li>
										<a href=""><img src="img/538696_30_00--w_500.jpg" /></a>
										<h5>野鸽灰</h5></li>
								</ul>
							</div>
							<div>
								<img width="100%" src="img/cmgg_wap.png" />
							</div>
							<div>
								<table cellspacing="0" cellpadding="0" class="rule">
									<tbody>
										<tr>
											<td>基本型号</td>
											<td>尺码</td>
											<td>衣长</td>
											<td>肩宽</td>
											<td>胸围</td>
											<td>袖长</td>
											<td>袖口</td>
										</tr>
										<tr>
											<td>155/80A</td>
											<td>S</td>
											<td>99</td>
											<td>37.5</td>
											<td>49</td>
											<td>59</td>
											<td>3</td>
										</tr>
										<tr>
											<td>160/84A</td>
											<td>M</td>
											<td>101</td>
											<td>38.5</td>
											<td>51</td>
											<td>60.5</td>
											<td>3</td>
										</tr>
										<tr>
											<td>165/88A</td>
											<td>L</td>
											<td>103</td>
											<td>39.5</td>
											<td>53</td>
											<td>62</td>
											<td>3</td>
										</tr>
										<tr>
											<td>170/92A</td>
											<td>XL</td>
											<td>105</td>
											<td>40.5</td>
											<td>55</td>
											<td>63.5</td>
											<td>3</td>
										</tr>
									</tbody>
								</table>
							</div>
							<div><img width="100%" src="img/spxx_wap.png" /></div>
							<ul>
								<li> <strong>品牌：</strong>ME＆CITY</li>
								<li><strong>款名：</strong>女廓形连帽长羽绒服</li>
								<li><strong>款号：</strong>538696</li>
								<li><strong>分类：</strong> ME＆CITY&nbsp;&gt;&nbsp;
									<c href="#" title="套头卫衣" target="_blank">羽绒服</c>
								</li>
								<li><strong>吊牌价：</strong>1599.00</li>
								<li><strong>季节：</strong>冬</li>
								<li><strong>系列：</strong>简约生活</li>
								<li><strong>性别：</strong>女款</li>
							</ul>
							<div><img width="100%" src="img/ppjs_wap.png" /></div>
							<div> ME&amp;CITY致力于满足25-35岁的都市族群对不同场合的着装需求，和对个性与品位的追求。ME&amp;CITY组成了多国设计菁英的研发团队时常穿梭于各大时尚之都，保持产品始终同步于国际最新流行趋势。Wentworth Miller、Agyness Deyn、Orlando Bloom等国际巨星的盛情加盟，更使得ME&amp;CITY始终以星光熠熠的姿态行走于都市时尚的最前沿。 </div>
						</div>
					</div>
				</div>
			</div>

			<div class="addcart-mask" style="display: none;">
				<div class="mask-wrap" style="height:70%;max-height:">
					<div class="wap-overlay-content flex-box flex-box-vertical">
						<!-- 价格区 starts -->
						<div class="Overlay-top flex-box"> <i class="fa fa-close"></i>
							<div class="goodsColorImg"><img src="img/538696_00--w_300_h_300.jpg" alt=""></div>
							<div class="goodsDetailInfo flex-item-1">
								<p class="goodsName">【必买】女廓形连帽长羽绒服</p>
								<!-- 商品价格 -->
								<p class="goodsPrice">
									<b>￥1439</b>
									<span>吊牌价：</span><i>¥1599</i>
								</p>
								<p>库存<i id="stocknum">1589</i>件</p>
							</div>
						</div>
						<!-- 价格区 end -->
						<!-- 尺码颜色区 start -->
						<div class="Overlay-middle flex-item-1">
							<dl class="goods-list rule-choice sizeList">
								<dt>尺码:  &nbsp;<span id="sizeSelected"></span></dt>
								<dd class="size addc1">
									<a id="size-411" style="cursor:pointer"> 155/80A <em class="icon"></em></a>
									<a id="size-322" style="cursor:pointer"> 160/84A <em class="icon"></em></a>
									<a id="size-233" style="cursor:pointer"> 165/88A <em class="icon"></em></a>
									<a id="size-144" style="cursor:pointer"> 170/92A <em class="icon"></em></a>
								</dd>
							</dl>
							<dl class="goods-list color-images colorList">
								<dt>颜色:  &nbsp;<span id="colorSelected"></span></dt>
								<dd class="size addc2">
									<a id="color-30"> 野鸽灰 <em class="icon"></em></a>
									<a id="color-90"> 乌黑 <em class="icon"></em></a>
								</dd>
							</dl>
						</div>
						<!-- 尺码颜色区 end -->
						<div class="Overlay-bottom"> <button>确定</button> </div>
					</div>
				</div>
			</div>
		</section>
		<!--返回顶部-->
		<div class="back-top" style="display: none;">
			<i class="fa fa-chevron-up"></i>
		</div>
		<footer class="bgz-particular-footer">
			<div class="static-area">
				<div class="bangGoWapFloopy">
					<p style="display: none;">已售罄</p>
					<div style="background-color: #fff;height: 2.45rem" class="flex-box">
						<div class="flex-item-1 item">
							<a href="index.html" class="icon-left"></a><i class="split-line"></i>
							<p>首页</p>
						</div>
						<div class="flex-item-1 item">
							<a href="shopcar.html" class="icon-right"><label id="cart-num">0</label></a><i class="split-line"></i>
							<p>购物袋</p>
						</div>
						<div class="flex-item-1 item" style="display: none;">
							<a href="#" class="icon-kefu"></a><i class="split-line"></i>
							<p>客服</p>
						</div>
						<div style="padding-top: 0;" class="item add">
							<a href="javascript:;" class="bangGoWapFloopyRight">加入购物袋</a>
						</div>
					</div>
				</div>
			</div>
		</footer>
		<script src="js/util/resize.js"></script>
		<script src="vendor/require.min.js" data-main="js/cdpl"></script>
	</body>

</html>